// Parent.jsx 父组件
import { Component } from 'react'
// 导入组件样式
import '../assets/css/Parent.css'
// 导入需要的组件
import Child from './Child'

export default class Parent extends Component {

  constructor() {
    super()
    this.state = {
      pName: "父组件数据"
    }
  }

  render () {
    return (
      <div className="container">
        <h3>父组件</h3>
        <p>当前组件数据：{this.state.pName}</p>
        <hr />
        {/* 嵌套组件：子组件 */}
        {/* 父组件传递数据给子组件：自定义属性 */}
        <Child fromParent={this.state.pName}></Child>
      </div>
    )
  }
}
